<template>
  <div class="page">
    <base-header title="税收收入"></base-header>

    <div class="p-20">
      <!-- 图表 -->
      <div class="mb-20" v-for="(t, tIndex) in chartJsons" :key="tIndex">
        <base-title :inline="t.inline" v-if="t.title">
          {{ t.title }}
        </base-title>
        <base-chart :style="t.style" :options="t.options"></base-chart>
      </div>
    </div>
  </div>
</template>

<script>
import chartJsons from "./chartJsons_5";

export default {
  data() {
    return {
      title: "",
      chartJsons: [],
    };
  },

  onLoad(options = {}) {
    this.title = options.title;

    chartJsons[0].title = `2022年1-12月——2023年1-6月${this.title}税收收入`;
    chartJsons[0].options.series[0].name = this.title;
    chartJsons[1].options.series[0].name = this.title;

    chartJsons[2].title = `2023年1月——2023年6月${this.title}税收收入`;
    chartJsons[2].options.series[0].name = this.title;
    chartJsons[3].options.series[0].name = this.title;

    chartJsons[4].title = `2023年6月${this.title.replace("片", "")}与${
      this.title
    }税收收入占比情况`;
    chartJsons[4].options.series[0].data[0].name = this.title;
    chartJsons[4].options.series[0].data[1].name = this.title.replace("片", "");
    console.log(chartJsons[4].options)

    this.chartJsons = chartJsons;
  },

  methods: {},
};
</script>

<style lang="scss" scoped></style>
